<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>新增用户</title>
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/robotUI.css">
    <link rel="stylesheet" type="text/css" href="../../../app/assets/css/main.css">
</head>

<body class="qb-open-g">
<!-- 头部 -->
<div class="header">
    <div class="rob-container">
        <div class="qb-header-g qb-header-g__bg">
            <a class="qb-header-g__logo" href="">
                <img src="../../../app/assets/images/logo.png">
            </a>
            <ul class="qb-header-g--navbar-right hiden">
                <li><a href=""><i class="qb-head-icon-g qb-icon-user"></i>
                    <div class="popover qb-popover-g">
                        <div class="arrow"></div>
                        <p class="popover-title popover-name">阿超</p>
                        <p class="popover-title">上次登录时间</p>
                        <p class="popover-title">2016-09-27 18:00</p>
                        <div class="popover-content">
                            <button class="rob-btn rob-btn-danger rob-btn-circle qb-popover-g__pd20">体现</button>

                        </div>
                    </div>

                </a></li>
                <li><a href=""><i class="qb-head-icon-g qb-icon-bell"></i><span class="qb-news-g qb-news-g__absol1"></span></a></li>
                <li><a href=""><i class="qb-head-icon-g qb-icon-quit"></i></a></li>
            </ul>
        </div>
    </div>
</div>
<!-- 菜单 -->
<div class="qb-menu-g">
    <!--  qb-menu-g--mini -->
    <div class="qb-menu-g__switch">
        <i class="rob-icon-menu-left"></i>
        <i class="rob-icon-menu-right"></i>
    </div>
    <ul class="rob-sidebar-menu-1">
        <!-- close -->
        <li class="nav-item open active">
            <a class=" ">
                <i class="rob-icon-package"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow open"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu " style="display: block;">
                <li class="nav-item active">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>
            </ul>
        </li>
        <li class="nav-item">
            <a class=" ">
                <i class="rob-icon-package"></i>
                <span class="title">首页</span>
                <span class="selected"></span>
                <span class="arrow"><i class="rob-icon-angle-up"></i></span>
            </a>
            <ul class="sub-menu ">
                <li class="nav-item">
                    <a class="nav-link ">
                        <span class="title">菜单一</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class=" ">
                        <span class="title">菜单二</span>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>
<!-- layout -->
<div class="qb-wapper-g">

    <div class="qb-panel-g qb-media-height">
        <div class="qb-column-header-g">
            <ol class="rob-breadcrumb rob-breadcrumb-pointed">
                <li><a href="#"><i class="qb-icon-home"></i>首页</a></li>
                <li>单笔经办</li>
                <li class="active"><a href="#">详情</a></li>
            </ol>
        </div>
        <div class="qb-form-pd20-g">
            <!--qb-from-padd-g-->
            <div class="rob-col-md-offset-6 rob-col-lg-offset-7">
            <div class="rob-row text-center qb-form-group-b10-g  qb-form-pd-g__xs-label">
                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">用户名用户名用户名：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24 text-left">
                        <label class="rob-input-label">用户名123
                        </label>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "></div>
                    </div>
                </div>

                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">用户姓名用户姓名1名1：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                        <div class="rob-input-item">
                            <input type="text" class="rob-input" placeholder="请输入用户姓名">
                        </div>
                        <div class="rob-error-message text-left qb-has-error">
                            <i class="rob-icon-calendar"></i> 使用单一的一组 .rob-col-md-* 栅格类内。
                        </div>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "><i class="qb-icon-report1"></i>错误错误错误错误错误错误错误错误错误我们</div>
                    </div>
                </div>
                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">手机号码：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                        <div class="rob-input-item">
                            <input type="text" class="rob-input" placeholder="请输入手机号码">
                        </div>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "><i class="qb-icon-report1"></i>111</div>
                    </div>
                </div>





                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">邮箱地址：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                        <div class="rob-input-item">
                            <input type="text" class="rob-input" placeholder="请输入邮箱地址">
                        </div>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "><i class="qb-icon-report1"></i>111</div>
                    </div>
                </div>

                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">身份证号：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                        <div class="rob-input-item">
                            <input type="text" class="rob-input" placeholder="请输入身份证号">
                        </div>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "><i class="qb-icon-report1"></i>111</div>
                    </div>
                </div>



                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">是否申请数字证书：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24 text-left">
                        <!-- 单选 间隔 -->
                        <input class="rob-radio-with-gap" name="group2" type="radio" id="test4">
                        <label for="test4">是</label>
                        <!-- 单选 间隔 选中 -->
                        <input class="rob-radio-with-gap" name="group2" checked="checked" type="radio" id="test5">
                        <label for="test5">否</label>


                        <p class="qb-l40-g"><span class="qb-red-g">*</span>如不申请数字证书，仅可进行账户查询、限额付款等操作</p>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "><i class="qb-icon-report1"></i>111</div>
                    </div>
                </div>

                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">初始登录密码：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                        <div class="rob-input-item">
                            <input type="text" class="rob-input" placeholder="请输入初始登录密码">
                        </div>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "><i class="qb-icon-report1"></i>错误</div>
                    </div>
                </div>

                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">备注：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                        <div class="rob-input-item">
                            <input type="text" class="rob-input" placeholder="请输入备注(选填)">
                        </div>
                    </div>
                    <div class="rob-col-lg-9 rob-col-md-9 rob-col-sm-9 rob-col-xs-24 qb-pd0-g">
                        <div class="qb-red-g rob-input-label text-left "><i class="qb-icon-report1"></i>111</div>
                    </div>
                </div>

                <div class="rob-form-group rob-col-lg-24">
                    <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 text-left">
                        <label class="rob-input-label">分配菜单：
                        </label>
                    </div>
                    <div class="rob-col-lg-10 rob-col-md-10 rob-col-sm-10 rob-col-xs-24">
                        <div class="qb-select-menu-g text-left">
                            <div class="rob-row">
                                <div class="rob-col-md-12 rol-col-sm-12 rob-col-xs-24 qb-rg-bdsilid-g">
                                    <p>可选菜单：</p>
                                    <div class="qb-select-box-g">
                                        <input type="checkbox" id="filled-in-box4" class="rob-checkbox-filled-in" checked="checked">
                                        <label for="filled-in-box4">首页<i class="qb-select-menu-g--selectIcon qb-icon-add2"></i></label>
                                        <div class="qb-select-box-g__select-item ">
                                            <input type="checkbox" id="filled-in-box444" class="rob-checkbox-filled-in" checked="checked">
                                            <label for="filled-in-box444">入金<i class="qb-select-menu-g--selectIcon qb-icon-add2 "></i></label>
                                            <input type="checkbox" id="filled-in-box555" class="rob-checkbox-filled-in" checked="checked">
                                            <label for="filled-in-box555">出金<i class="qb-select-menu-g--selectIcon qb-icon-add2"></i></label>
                                            <input type="checkbox" id="filled-in-box666" class="rob-checkbox-filled-in" checked="checked">
                                            <label for="filled-in-box666">首页<i class="qb-select-menu-g--selectIcon qb-icon-add2"></i></label>
                                            <input type="checkbox" id="filled-in-box777" class="rob-checkbox-filled-in" checked="checked">
                                            <label for="filled-in-box777">123<i class="qb-select-menu-g--selectIcon qb-icon-add2"></i></label>
                                        </div>
                                    </div>

                                    <input type="checkbox" id="filled-in-box5" class="rob-checkbox-filled-in" checked="checked">
                                    <label for="filled-in-box5">首页</label>

                                </div>
                                <div class="rob-col-md-12 rol-col-sm-12 rob-col-xs-24">
                                    <p>可选菜单：</p>
                                    <input type="checkbox" id="filled-in-box44" class="rob-checkbox-filled-in" checked="checked">
                                    <label for="filled-in-box44">首页<i class="qb-select-menu-g--selectIcon qb-icon-delete1"></i></label>
                                    <div class="qb-select-box-g__select-item">
                                        <input type="checkbox" id="filled-in-box4444" class="rob-checkbox-filled-in" checked="checked">
                                        <label for="filled-in-box4444">入金<i class="qb-select-menu-g--selectIcon qb-icon-delete1"></i></label>
                                        <input type="checkbox" id="filled-in-box5555" class="rob-checkbox-filled-in" checked="checked">
                                        <label for="filled-in-box5555">出金<i class="qb-select-menu-g--selectIcon qb-icon-delete1"></i></label>
                                        <input type="checkbox" id="filled-in-box6666" class="rob-checkbox-filled-in" checked="checked">
                                        <label for="filled-in-box6666">首页<i class="qb-select-menu-g--selectIcon qb-icon-delete1"></i></label>
                                        <input type="checkbox" id="filled-in-box7777" class="rob-checkbox-filled-in" checked="checked">
                                        <label for="filled-in-box7777">123<i class="qb-select-menu-g--selectIcon qb-icon-delete1"></i></label>
                                    </div>

                                    <input type="checkbox" id="filled-in-box55" class="rob-checkbox-filled-in" checked="checked">
                                    <label for="filled-in-box55">首页<i class="qb-select-menu-g--selectIcon qb-icon-delete1"></i></label>
                                </div>



                            </div>
                        </div>
                        <div class="rob-col-lg-5 rob-col-md-5 rob-col-sm-5 rob-col-xs-24 qb-pd0-g">
                            <div class="qb-red-g rob-input-label text-left "></div>
                        </div>
                    </div>
                </div>



            </div>
            </div>
        </div>
        <div class="text-center qb-from-bg-reg-g">
            <button type="button" class="rob-btn rob-btn-minor rob-btn-circle ">返回</button>
            <button type="button" class="rob-btn rob-btn-danger rob-btn-circle ">下一步</button>
        </div>
    </div>

</div>
<!-- 尾部 -->
<div class="qb-footer-g">
    <!--  qb-footer-g--mini qb-footer-g--hide -->
    Copyright©2015 融数金服 辽ICP备15009643号 ▏客服电话：010-56793739 周一至周五：9:00-20:00
</div>
</body>

</html>
